@charset "UTF-8";
*{margin:0; padding:0; box-sizing:border-box; text-decoration:none;list-style:none;}
html{font-size:10px;}
body{font-family: 'Poppins', sans-serif; font-size:1.4rem; line-height:2.6rem}
img{width:100%;border:none; height:auto; display:block;}
input{font-family: 'Poppins', sans-serif; width:100%; resize:none; font-size:1.4rem;border:none;}
input:focus{outline:none}
::placeholder{color:#777; font-weight:300}
input[type=button]{-webkit-appearance:none; -moz-appearance:none;appearance:none;}
a, a:link, a:active{text-decoration:none;}

header {
	background: url('../images/mobbg.png') no-repeat fixed;
	background-size: 100% 100%;
	width: 100vw;
	padding: 0 2rem 10rem;
	height: 100vh;
}
.header_top{margin-bottom:0rem}
.logo{width:15rem; padding:1rem; background:white; border-radius:0 0 5rem 5rem; display:flex; justify-content:center; margin:0 auto;}
.header_top_button, .header_txt{display:none}

.header_form{display:flex; flex-direction:column; gap:1rem}
h1{color:#fff; font-weight:700; font-size:2.6rem;}
h2{color:#3ae288; font-weight:500; font-size:2.2rem; }

.login_form{display:flex; flex-direction:column; gap:1rem}
.input_box{background:transparent; border:1px solid #3ae288; font-size:1.6rem; padding:0.5rem 1rem; border-radius:1rem; color:#fff; font-weight:300}
.action_button{display:flex;}
.btn, .header_top_button{width:auto; padding:0.5rem 1rem; border-radius:1rem; background:#fff; color:#073258; font-size:2.2rem; font-weight:600}

@media only screen and (min-width:768px)
	{
		.login_form{flex-direction:row; flex-wrap:wrap; justify-content:space-between; gap:2rem 0;}
		.input_field{width:48%}
	}

@media only screen and (min-width:1280px)
	{
		header {
			background: url('../images/deskbg.jpg') no-repeat fixed;
			background-size: cover;
			padding: 3rem 0 0
		}
		.pageContainer{width:1200px; max-width:1200px; margin:0 auto}	
		.header_top{display:flex; justify-content:space-between; align-items:center; margin:0 0 0rem}
		.logo{width:12rem; padding:0; background:transparent; border-radius:none; display:flex; justify-content:flex-start; margin:0;}
		.header_top_button{display:flex;}

		.header_bottom{display:flex; justify-content:space-between;}
		.header_txt {
			display: block;
			width: 45%;
			text-align: justify;
			font-weight: 400;
			margin-left:-27px;
		}
		.header_txt p{margin-bottom:0rem;}

		.header_form{width:45%; padding-left:10%;gap:2rem}
		.login_form{flex-direction:column; flex-wrap:nowrap; justify-content:start; gap:1rem; width:80%;gap:2rem}
		.input_field{width:100%}
	}